<template>
  <h1>诊室组件</h1>
  <f-select v-model:value="type">
    <f-select-option value="radio" label="radio" />
    <f-select-option value="select" label="select" />
    <f-select-option value="checkbox" label="checkbox" />
  </f-select>
  <f-consult 
    class="w200"
    placeholder="我是描述"
    v-model:value="dataValue"
    :type="type"
    @change="changeData"
    @blur="blurData"
    @focus="focusData"
  />
  {{ dataValue }}
</template>

<script setup>
import { onBeforeMount, ref } from 'vue';

const type = ref('select');
// const dataValue = ref(null);
const dataValue = ref();

// 3135950637871281 3135950751448146
// const branch = ref('3135950637871281');

const changeData = (value, item) => console.log(value, item);

const blurData = (evnt) => console.log("blurData", evnt)
const focusData = (evnt) => console.log("focusData", evnt)

onBeforeMount(() => {

});
</script>

<style lang="scss">

</style>
